<template>
    <div class="enterprise_account">
        <div class="head_title">账户设置</div>
       
        <div class="table_data">
            <el-table :data="tableData" border style="width: 100%" :header-cell-style="{background:'#f9f9f9'}">
                <el-table-column  type="index" label="序号" width="50"></el-table-column>
                <el-table-column  prop="bank_account_name" label="开户名称" width="300"></el-table-column>
                <el-table-column  prop="bank_name" label="开户银行" width="300"></el-table-column>
                <el-table-column  prop="bank_sn" label="银行账号"></el-table-column>
            </el-table>
        </div>
    </div>
</template>





<script>
export default {
    name:"EnterpriseAccount",
    data(){
        return{
            enterprise_id: 0,           //企业ID
            tableData:[]
        }
       
    },
    mounted() {
            this.enterprise_id = this.$route.query.enterprise_id;
            this.getAccountList();
    },
    methods:{
        getAccountList(){
            this.$raxios.post(this.$mapapi.getEnterpriseBankList,{data:{enterprise_id: this.enterprise_id}}).then(res => {
                if(res.code != 200 && res.msg != '暂无数据')     return  Promise.reject(res.msg);
                this.tableData = res.data;

            }).catch(res => {
                this.$message.error(res);
            });
        }

    }
}
</script>
<style lang="less" :scope="true">
    .enterprise_account{
        padding: 0;
        background: #fff;
        font-size: 14px;

        .head_title{
            width: 70px;
            text-align: right;
            border-left: 2px solid #4280f2;
            
        }
        
        .table_data{
            padding: 20px 0 80px 0
        }

    }

</style>